<div data-role="page" data-theme="c" id="jqm-home">

<div data-role="content">
		<div id="jqm-homeheader">
		<h1 id="jqm-logo"><img src="/public/images/logo.png" alt="Engineer Logo" width="197" height="54" /></h1>
		<p>It's that time of year again. Time to try the Impossible. Time to <em>Think. Create. Engineer.</em></p>
		<p id="jqm-version">Alpha Release</p>
	</div>

  <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="d">
		<li data-role="list-divider">Home</li>
			<li><a href="<%= url_for :controller => :Events, :action => :index %>">Events</a></li>
			<li><a href="<%= url_for :controller => :Experience, :action => :index %>">Experience</a></li>

			<li><a href="docs/about/accessibility.html">Updates</a></li>
			<li><a href="docs/about/platforms.html">Help</a></li>
		</ul>
	</ul>

	<div class="jqm-options">

  <% if SyncEngine::logged_in > 0 %>

		<a class="ui-btn ui-btn-inline ui-btn-icon-left ui-btn-corner-all ui-btn-down-d ui-btn-up-d" data-theme="c" 	href="<%= url_for :controller => :Settings, :action => :do_sync %>" data-rel="dialog">
		<span class="ui-btn-inner ui-btn-corner-all"> 
			<span class="ui-btn-text">Sync</span>
			<span class="ui-icon ui-icon-refresh"></span>
		</span>
	</a>

		<a class="ui-btns ui-btn-inline ui-btn-icon-right ui-btn-corner-all ui-btn-down-d ui-btn-up-d" data-theme="c" href="<%= url_for :controller => :Settings, :action => :logout %>">
		<span class="ui-btn-inner ui-btn-corner-all"> 
			<span class="ui-btn-text">Log Out</span>
			<span class="ui-icon ui-icon-gear"></span>
		</span>
	</a>

  <% else %>
		<a class="ui-btn ui-btn-inline ui-btn-icon-left ui-btn-corner-all ui-btn-down-d ui-btn-up-d" data-theme="c" 	href="<%= url_for :controller => :Settings, :action => :login %>"  data-rel="dialog" data-transition="pop"s>
		<span class="ui-btn-inner ui-btn-corner-all"> 
			<span class="ui-btn-text">Log in</span>
			<span class="ui-icon ui-icon-gear"></span>
		</span>
	</a>
  <% end %>

	</div>
	

</div>

</div><!-- /page -->
